<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>提现</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
		
		<style>
			.yongjins {
	            padding: 0 0.75rem 0.75rem;
	            background: #F4F4F4;
	        }
	        .yongjins p{
	        	margin-bottom: 0;
	        }
	        .yongjin_title{
	        	width: 100%;
	        	height: 40px;
	        	line-height: 40px;
	        	margin-top:15px;
	        }
			
	        .yongjins b {
	            color: #f00;
	        }
	
	        .bitian {
	            color: #999;
	            font-size: 1rem;
	            line-height: 1.4rem;
	        }
	        
	        .mui-input-group .mui-input-row:after{
	        	left: 0;
	        }

			button{
				width:76px;
				height: 40px;
				line-height: 40px;
			}
	        
		</style>
	</head>

	<body>
		
		<!-- 头部 -->
		<header id="header" class="mui-bar mui-bar-nav">
	        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
	        <h1 class="mui-title">金额管理</h1>
	    </header>
	    
		
		
		<div class="mui-content">
			<div class="yongjins">
	            <p class="yongjin_title">我的佣金：<b id="">0.00</b></p>
	            <p class="bitian">为确保您申请的金额能够正确无误的转入您账户，请填写真实有效的信息，以下信息均为必填项！提现单次为100元，手续费为5元，点击提现，即了解提现规则和说明，如有失误，概不负责。</p>
	       </div>
	       
	       
			<div class="mui-input-group" id="input_example">
			    <div class="mui-input-row">
			        <label>提现金额</label>
			    	<input type="text" class="mui-input-clear" placeholder="请输入提现金额"  value="" onkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')" >
			    </div>
			    <div class="mui-input-row">
			        <label>支付宝姓名</label>
			    	<input type="text" class="mui-input-clear" placeholder="请输入支付宝姓名">
			    </div>
			    <div class="mui-input-row">
			        <label>支付宝账号</label>
			        <input type="text" class="mui-input-clear" placeholder="请输入支付宝账号">
			    </div>
			    <div class="mui-button-row">
			        <button type="button" class="mui-btn mui-btn-primary" onclick="sub_btn()">确认</button>
			    </div>
			</div>
		</div>

		
		
		
		
		
		
		
		
		
		
		
		
		
		<script src="js/mui.min.js"></script>
		<script src="js/jquery.min.js"></script>
		<script type="text/javascript">
			mui.init({
				
			})
			
			mui.ready(function(){
				
			})
			

			
			
			
			//点击提交的按钮
			function sub_btn(){
				var check = true;
				mui("#input_example input").each(function() {
					//若当前input为空，则alert提醒 
					if(!this.value || this.value.trim() == "") {
					    var label = this.previousElementSibling;
					    mui.alert(label.innerText + "不允许为空");
					    check = false;
					    return false;
					}
				}); 
				//校验通过，继续执行业务逻辑
				if(check == true){
				    mui.alert('验证通过!')
				}
			}
		</script>
	</body>

</html>